<#compress >
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=480,initial-scale=0.67,minimum-scale=0.67, maximum-scale=0.67"/>
    <link rel="stylesheet" href="${ctx}/static/mobileweb/css/dining_detail.css?_=${.now?string("yyyy-MM-dd")}"
          type="text/css" charset="utf-8"/>
    <title></title>
    <script type="text/javascript">
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
</head>
<body>
<div id="head">
    <div style="height: 2px;"></div>
    <div class="headtab active" id="not">未到店消费</div>
    <div class="headtab" id="hasbeen">已到店消费</div>
</div>
<!--
循环开始
-->
<div id="not_content" style="display: none">
    <#if notList?size gt 0>
        <#list notList! as nl>
            <div id="content">
                <div class="contentLeft">
                    <img src="${ctx}/${nl.brand_logo!}" style="width: 85%;" />
                </div>
                <div class="contentRight">
                    <div style="margin-top: 5px; ">
                        <ul class="firstRow">
                            <li style="width: 98%;">
                                <div class="li1">${nl.project_name!}</div>
                                <div class="li3">验证码：${nl.captcha!}</div>
                            </li>
                            <li style="clear: both;"></li>
                            <div style="height: 35px;"></div>
                            <li>
                                <div class="clock">
                                    <img src="${ctx}/static/mobileweb/images/recordinfo/clock.jpg" style="width: 86%" />
                                </div>
                                <div class="font1">
                                    <ul>
                                        <li>预定时间</li>
                                        <li style="clear: both"></li>
                                        <li>${nl.booking_date!}</li>
                                    </ul>
                                </div>
                                <#if nl.status == 2>
                                    <div class="font2">
                                        <ul>
                                            <li>到店时间</li>
                                            <li style="clear: both"></li>
                                            <li>${nl.ok_time?string("yyyy年MM月dd日")}</li>
                                        </ul>
                                    </div>
                                </#if>
                            </li>
                            <li style="clear: both;"></li>
                            <div style="height: 35px;"></div>
                            <li>
                                <div class="people">
                                    <img src="${ctx}/static/mobileweb/images/recordinfo/money.png" style="width: 86%" />
                                </div>
                                <div class="font3">
                                    <ul style="	line-height: 35px;">
                                        <li>￥${nl.price!}</li>
                                    </ul>
                                </div>
                                <div style="float: right;">
                                    <#if nl.status == 1>
                                        <div class="btn">未到店</div>
                                    <#elseif nl.status == 2>
                                        <div class="btn">已到店</div>
                                    </#if>
                                </div>
                            </li>
                        </ul>
                        <div style="clear: both;"></div>
                    </div>
                </div>
            </div>
        </#list>
     <#else>
         <div class="mallactbox" style="text-align:center;padding:20px 0; background:#ECECEC; box-shadow:none;">
                             <span>
                                 <img style="max-width:20%;" src="${ctx}/static/mobileweb/1/images/tipWarIco.jpg" alt=""/>
                             </span>
             <p style="color:#ccc;margin-top:4px;">暂无数据！</p>
         </div>
    </#if>

</div>
<div id="hasbeen_content">
    <#if hasbeenList?size gt 0>
        <#list hasbeenList! as hl>
            <div id="content">
                <div class="contentLeft">
                    <img src="${ctx}/${hl.brand_logo!}" style="width: 85%;" />
                </div>
                <div class="contentRight">
                    <div style="margin-top: 5px; ">
                        <ul class="firstRow">
                            <li style="width: 98%;">
                                <div class="li1">${hl.project_name!}</div>
                                <div class="li3">验证码：${hl.captcha!}</div>
                            </li>
                            <li style="clear: both;"></li>
                            <div style="height: 35px;"></div>
                            <li>
                                <div class="clock">
                                    <img src="${ctx}/static/mobileweb/images/recordinfo/clock.jpg" style="width: 86%" />
                                </div>
                                <div class="font1">
                                    <ul>
                                        <li>预定时间</li>
                                        <li style="clear: both"></li>
                                        <li>${hl.booking_date!}</li>
                                    </ul>
                                </div>
                                <#if hl.status == 2>
                                    <div class="font2">
                                        <ul>
                                            <li>到店时间</li>
                                            <li style="clear: both"></li>
                                            <li>${hl.ok_time?string("yyyy-MM-dd")}</li>
                                        </ul>
                                    </div>
                                </#if>
                            </li>
                            <li style="clear: both;"></li>
                            <div style="height: 35px;"></div>
                            <li>
                                <div class="people">
                                    <img src="${ctx}/static/mobileweb/images/recordinfo/money.png" style="width: 86%" />
                                </div>
                                <div class="font3">
                                    <ul style="	line-height: 35px;">
                                        <li>￥${hl.price!}</li>
                                    </ul>
                                </div>
                                <div style="float: right;">
                                    <#if hl.status == 1>
                                        <div class="btn">未到店</div>
                                    <#elseif hl.status == 2>
                                        <div class="btn">已到店</div>
                                    </#if>
                                </div>
                            </li>
                        </ul>
                        <div style="clear: both;"></div>
                    </div>
                </div>
            </div>
        </#list>
    <#else>
        <div class="mallactbox" style="text-align:center;padding:20px 0; background:#ECECEC; box-shadow:none;">
                             <span>
                                 <img style="max-width:20%;" src="${ctx}/static/mobileweb/1/images/tipWarIco.jpg" alt=""/>
                             </span>

            <p style="color:#ccc;margin-top:4px;">暂无数据！</p>
        </div>
    </#if>

</div>
<script type="text/javascript" src="${ctx}/static/scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#not").click(function(){
            $(this).siblings("div[class='headtab']").addClass("active");
            $(this).removeClass("active");

            $("#not_content").show();
            $("#hasbeen_content").hide();
        });
        $("#hasbeen").click(function(){
            $(this).siblings("div[class='headtab']").addClass("active");
            $(this).removeClass("active");

            $("#hasbeen_content").show();
            $("#not_content").hide();
        });
    });
</script>
</body>

</html>
</#compress>